<template>
<div>
  <span   v-for="(item,index) in  Text"  :class=" item.textColor " :key="index" >{{index +1 }} {{item.content}}</span>
</div>
</template>

<script>
export default {
   props:{
    Text:Array
   }
};
</script>

<style scoped>
.right {
  color: green;
}
.error {
  color: red;
}
.undo {
  color: #ccc;
}
</style>